<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Absolute Position Round Corners - Gray background</title>

<style type="text/css">
@import "rounded-corners.css";
</style>
</head>
<body>
  <div class="rounded-box">
    <span class="top-left" style="background-image: url(gray/top-left.png);"></span>
    <span class="top-right" style="background-image: url(gray/top-right.png);"></span>
    <span class="top-border" style="background-image: url(gray/top-border.png);"></span>
    <span class="left-border" style="background-image: url(gray/left-border.png);"></span>
    <span class="right-border" style="background-image: url(gray/right-border.png);"></span>
    <span class="bottom-left" style="background-image: url(gray/bottom-left.png);"></span>
    <span class="bottom-right" style="background-image: url(gray/bottom-right.png);"></span>
    <span class="bottom-border" style="background-image: url(gray/bottom-border.png);"></span>
    <div class="rounded-content" style="background-image: url(gray/content.png);">
      <!-- CONTENT BEGIN -->
      <div>this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text</div>
      <div>this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text this is some text</div>
      <!-- CONTENT END -->
    </div>

  </div>
</body>
</html>
